<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体属性</title>
</head>
<body>
    <p>我来学习字体属性</p>
    <p style="color: cornflowerblue;">color</p>
    <p style="font-size: 18px;">font-size  chrome接受的最小字体是12px 课程上说，但是我这里不是</p>
    <p style="font-weight: bolder;">font-weight </p>
    <p style="font-weight:lighter;">font-weight  lighter 细体</p>
    <p style="font-weight: bold;">font-weight </p>
    <p style="font-weight: 600;">100-900 400是正常字体大小，700是粗体大小 </p>

    <p style="font-style: italic;">font-style 字体样式  italic 斜体</p>
    <p style="font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;">font-family 字体</p>
</body>
</html>